import React, { useEffect, useState } from 'react'

export default function Test() {
  const [count, setCount] = useState(0)
  // !第二个参数没写
  useEffect(() => {
    // 第一个参数，一般成功副作用函数，里面执行一些副作用代码
    // 还可以返回一个新函数
    console.log('执行了副作用函数')
    return () => {
      // 1. 外面的副作用函数执行的时候（不包括初始化）
      // 2. 当前组件卸载的时候会走
      console.log('执行了清理副作用的函数')
    }
  })
  return (
    <div>
      <h2>count</h2>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  )
}
